<template>
  <div style="display: flex; flex-direction: column; width: 100vw; height: 100vh">
    <!--    顶部-->
    <div style="flex: 1;">
      <Header></Header>
    </div>
    <!--    底部-->
    <div style="display:flex; flex: 9; overflow: hidden;">
<!--      导航栏-->
      <div style="flex: 1;">
        <Aside></Aside>
      </div>
<!--      主体内容-->
      <div class="container" style="flex: 9; padding: 20px; overflow-y: auto;">
                <router-view></router-view>
      </div>
      <div>
      </div>
    </div>
  </div>
</template>

<script>
import Aside from '@/components/Aside';
import Header from '@/components/Header';
export default {
  name: 'Main',
  components: {
    Aside,
    Header,
  },
  data() {
    return {}
  },
  mounted() {

  },
  created() {

  },
  methods: {}
}
</script>

<style scoped>
</style>
